import { useState, useEffect } from 'react';

export const App = () => {
  const [count, setCount] = useState(0);
  useEffect(() => {
    // 定义一个函数
    // async function fetchData() {
    //   const res = await 123;
    //   console.log('获取到的数据', res);
    // }
    // // 调用函数
    // fetchData();
    // 使用立即调用函数表达式
    (async function fetchData(id) {
      const res = await id;
      console.log('获取到的数据', res);
    })(123);
  }, []);

  return (
    <div>
      <h3>我是一会儿出现一会儿消失的子组件</h3>
      <h3>{count}</h3>
      <button onClick={() => setCount(count + 1)}>count+</button>
    </div>
  );
};
